<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>本文件用于演示浮动</title>
		<style>
			div.box1{
				/*border的几种属性不限制顺序*/
				border:1px #008000 solid;
				width: 300px;
				height: 200px;
				float: left;
			}
			div.box1 img{
				float: left;
			}
			div.box1 img::after{
				content: ".";
				height: 0;
				clear: all;
			}
			.box2{
				float: left;
				border: #8B0000 solid 1px;
				height: 100px;
				width: 100px;
			}
			.div_box_inner{
				
			}
			.span_float{
				float: left;
				height: 100px;
				width: 100px;
				border: #8A2BE2 solid 1px;
			}
			.div_next_float{
				border: #008000 solid 1px;
				height: 100px;
				width: 300px;
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			 
			<img src="../20190305/imgs/2.png" />
			 
			阿是的发送到发斯蒂芬阿斯顿发斯蒂芬阿斯顿发斯蒂芬阿是的发送到发斯蒂芬阿斯顿发斯蒂芬阿斯顿发斯蒂芬阿是的发送到发斯蒂芬阿斯顿发斯蒂芬阿斯顿发斯蒂芬阿是的发送到发斯蒂芬阿斯顿发斯蒂芬阿斯顿发斯蒂芬阿是的发送到发斯蒂芬阿斯顿发斯蒂芬阿斯顿发斯蒂芬 阿斯顿发斯蒂芬
		</div>
		<div class="box2">
		</div>
		<span class="span_float"></span>
		
		<input type="button" value="ss" />
		<img src="../20190305/imgs/2.png" />
		
		
	</body>
</html>
